<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html lang="en">
<head>
<jsp:include page="core/templates/header.jsp"></jsp:include>
<script src="custom/js/myServicePage.js"></script>
</head>
<body class="header1 activateAppearAnimation">
	<div id="globalWrapper">
		<jsp:include page="core/templates/mainMenu.jsp"></jsp:include>
		<jsp:include page="core/templates/banner.jsp"></jsp:include>
		<!-- Content -->
		<section id="content"
			style="background: url('core/images/feature.png') repeat;">
			<div class="container">
				<div class="row mt30 mb15">
					<div class="col-md-12">
						<h2>ข้อมูลบริการของฉัน</h2>
					</div>
				</div>
				<div class="row mb30">
					<div class="col-md-9">
						<div class="row">
							<div class="col-md-12 mb15">
								<div class="color0 boxcontent">
									<div class="row">
										<div class="col-md-12">
											<ul class="nav nav-tabs" id="myTab">
												<li class="active"><a href="#successTab"
													data-toggle="tab">บริการที่ฉันประกาศ <span
														class="badge"><s:property
																value="model.allMyPostService" /></span>
												</a></li>
												<li class=""><a href="#pendingTab" data-toggle="tab">บริการที่ฉันทำการร้องขอ
														<span class="badge"><s:property
																value="model.allMyRequestService" /></span>
												</a></li>
											</ul>
											<div class="tab-content">
												<!-- tab 1 -->
												<div class="tab-pane active fade in" id="successTab">
													<s:form action="myServicePage" theme="css_xhtml"
														id="myPostServiceform" name="myPostServiceform"
														method="post">
														<s:hidden name="model.pagePostService.pageCurrentNo"
															id="pagePostServiceCurrentNo"></s:hidden>
														<s:hidden name="model.orderByPostService"
															id="orderByPostService"></s:hidden>
														<div class="row">
															<div class="col-md-12 mb05">
																<div class="text-center">
																	<div class="row textColorBlack">
																		<div class="col-md-4 mb05">แสดงข้อมูลบริการ
																			โดยเรียงตามสถานะบริการ</div>
																		<div class="col-md-4 mb05">
																			<s:select headerKey="0" headerValue="--- เลือก ---"
																				list="#{'0':'ทั้งหมด','O':'บริการที่ยังเปิดประกาศ','C':'บริการที่ปิดประกาศแล้ว'}"
																				cssClass="form-control"
																				onchange="orderByConditionMyServicePage(this.value);"
																				value="orderByPostService" />
																		</div>
																		<div class="col-md-4 mb05">
																			มีบริการทั้งหมด
																			<s:property
																				value="model.pagePostService.listTotalRow" />
																			บริการ
																		</div>
																	</div>
																</div>
															</div>
														</div>
														<div class="row mb30">
															<div class="col-md-12">
																<div class="row">
																	<div class="col-md-12">
																		<table class="table table-striped">
																			<thead class="textColorBlack">
																				<tr>
																					<th><center>ลำดับ</center></th>
																					<th><center>ชื่อบริการ</center></th>
																					<th><center>วันที่ประกาศ</center></th>
																					<th><center>จำนวนผู้ร้องขอ</center></th>
																					<th><center>สถานะบริการ</center></th>
																					<th></th>
																				</tr>
																			</thead>
																			<tbody>
																				<s:iterator value="model.listMyPostService"
																					status="index">
																					<tr>
																						<td align="center"><s:property
																								value="#index.count" /></td>
																						<td width="40%"><s:property
																								value="service.serviceName" /></td>
																						<td align="center"><s:date name="postDate"
																								format="dd MMM yyyy" /></td>
																						<td align="center"><s:property
																								value="amountRequestPost" /> คน</td>
																						<td align="center"><s:if
																								test='statusOfPost.equals("O")'>
																					เปิด
																					</s:if> <s:else>ปิด</s:else></td>
																						<td>
																						<td><div align="right">
																								<a href="myServiceDetailPage.jsp"><button
																										type="button" class="btn btn-success btn-xs">
																										<span class="fontHeader4"><i
																											class="icon-th-list iconSmall"></i>
																											ดูรายละเอียด</span>
																									</button></a>
																							</div></td>
																					</tr>
																				</s:iterator>
																			</tbody>
																		</table>
																		<s:if
																			test="model.pagePostService.totalPage!=0 && model.pagePostService.totalPage!=1">
																			<div class="row">
																				<div class="col-md-12 textCenter">
																					<ul class="pagination">
																						<li><a href="#"
																							onclick="selectMyServicePage(1);">«</a></li>
																						<s:iterator var="counter" begin="1"
																							end="model.pagePostService.totalPage">
																							<s:if
																								test="model.pagePostService.pageCurrentNo == #counter">
																								<li class="active"><a href="#"><s:property
																											value="top" /><span class="sr-only">(current)</span></a></li>
																							</s:if>
																							<s:else>
																								<li><a href="#"
																									onclick="selectMyServicePage(<s:property value="top" />);"><s:property
																											value="top" /></a></li>
																							</s:else>
																						</s:iterator>
																						<li><a href="#"
																							onclick="selectMyServicePage(<s:property value="model.pagePostService.totalPage" />);">»</a></li>
																					</ul>
																				</div>
																			</div>
																		</s:if>
																	</div>
																</div>
															</div>
														</div>
													</s:form>
												</div>

												<!-- tab 2 -->
												<div class="tab-pane fade" id="pendingTab">
													<s:form action="myServicePage" theme="css_xhtml"
														id="myRequestServiceform" name="myRequestServiceform"
														method="post">
														<s:hidden name="model.pageRequestService.pageCurrentNo"
															id="pageRequestServiceCurrentNo"></s:hidden>
														<s:hidden name="model.orderByRequestService"
															id="orderByRequestService"></s:hidden>
														<div class="row">
															<div class="col-md-12">
																<div class="table-responsive">
																	<table class="table table-striped">
																		<thead class="textColorBlack">
																			<tr>
																				<th><center>ลำดับ</center></th>
																				<th><center>ชื่อผู้ให้บริการ</center></th>
																				<th><center>วันที่ร้องขอบริการ</center></th>
																				<th><center>สถานะการร้องขอ</center></th>
																				<th></th>
																			</tr>
																		</thead>
																		<tbody>
																			<s:iterator value="model.listMyRequestService"
																				status="index">
																				<tr>
																					<td align="center"><s:property value="#index.count" /></td>
																					<td width="30%"><s:property
																							value="postService.Service.ServiceName" /></td>
																					<td align="center"><s:date name="postService.postDate"
																							format="dd MMM yyyy" /></td>
																					<td align="center"><s:property
																							value="listStatusOfRequest[0].requestType.requestTypeName" />
																					<td><div align="right">
																							<a href="ServiceDetailPage.jsp"><button
																									type="button" class="btn btn-success btn-xs">
																									<span class="fontHeader4"><i
																										class="icon-th-list iconSmall"></i>
																										ดูรายละเอียด</span>
																								</button></a>
																						</div></td>
																				</tr>
																			</s:iterator>
																		</tbody>
																	</table>
																</div>
																<s:if
																	test="model.pageRequestService.totalPage!=0 && model.pageRequestService.totalPage!=1">
																	<div class="row">
																		<div class="col-md-12 textCenter">
																			<ul class="pagination">
																				<li><a href="#"
																					onclick="selectMyRequestServicePage(1);">«</a></li>
																				<s:iterator var="counter" begin="1"
																					end="model.pageRequestService.totalPage">
																					<s:if
																						test="model.pageRequestService.pageCurrentNo == #counter">
																						<li class="active"><a href="#"><s:property
																									value="top" /><span class="sr-only">(current)</span></a></li>
																					</s:if>
																					<s:else>
																						<li><a href="#"
																							onclick="selectMyRequestServicePage(<s:property value="top" />);"><s:property
																									value="top" /></a></li>
																					</s:else>
																				</s:iterator>
																				<li><a href="#"
																					onclick="selectMyRequestServicePage(<s:property value="model.pageRequestService.totalPage" />);">»</a></li>
																			</ul>
																		</div>
																	</div>
																</s:if>
															</div>

														</div>
													</s:form>
												</div>


											</div>
										</div>
									</div>


								</div>
							</div>
						</div>
					</div>

					<div class="col-md-3">
						<div class="row mb05">
							<div class="col-md-12">
								<div class="boxFocus color1">
									<div class="textCenter mb05">
										<b>คุณสามารถประกาศบริการได้ฟรี</b>
									</div>
									<div class="textCenter">
										<button type="button"
											class="btn btn-labeled btn-success font4">
											<span class="btn-label"><i class="icon-briefcase"></i></span>ประกาศบริการ
											ฟรี!
										</button>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-12 mt15">
							<div class="row">
								<div class="col-md-12">
									<span class="font4"><b>บริการใหม่ล่าสุด</b></span>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-12">
								<ul class="list-unstyled iconList borderList">
									<s:iterator value="model.listLastService">
										<li><a href="#" class=""><s:property
													value="service.serviceName" /></a></li>
									</s:iterator>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- Content -->
		<jsp:include page="core/templates/footer.jsp" />
	</div>
</body>
</html>